<include file="common:head" />
<div class="box">
	<div class="server_info">
		<!-- 店鋪標題 -->
		<div class="server_name">{$list.address_name}</div>
		<!-- 店鋪詳情 -->
		<div class="server_detail">
			<div class="server_detail_left">
				<div class="txt">服務等級：
					<foreach name="list.well" item="so" >
						<img src="__PRIVATE__/Images/star.png"/>
					</foreach>
				</div>
				<div class="txt">地&nbsp;&nbsp;址：{$list.location}</div>
				<div class="txt">服務時間：{$list.server_start_time}-{$list.server_end_time}</div>
				<div class="txt telc">咨詢電話：<a href="tel:{$list.address_phone}">{$list.address_phone}</a></div>
			</div>

			<!-- 店鋪定位 -->
			<!-- <div class="server_detail_right">
				<a href="javascript:alert('暫不支持定位功能');"><img src="__PRIVATE__/Images/map.png"/></a>
			</div> -->
		</div>
	</div>

	<div class="tips">
		<a style="display: block;" href="javascript:openLocation();"><img src="__PRIVATE__/Images/map.png"/>{$list.location}</a>
	</div>

	<!-- 溫馨提示 -->
	<div class="tips">
		<img src="__PRIVATE__/Images/horn.png"/>
		【温馨提醒】{$list.tips}
	</div>
</div>

<!-- 下單按鈕 -->
<div class="bottom1" style="height:8%;">
	<div class="go_pay"  style="padding:4%;" onclick="javascript:gopay({$flag});">
		去下单
	</div>
</div>

<script type="text/javascript">
</script>
</body>
</html>

<script type="text/javascript">
$( function() {
//导航信息
$('.header .title').html('{$list.address_name}');
$('.header .left').html('<img src="__PRIVATE__/images/left.png" style="width:55%"/>');
$('.header .right').html('');
$('.header .left').click(function(){
	window.location.href = "{:U(MODULE_NAME.'/index/wash_shop_list')}";
});

});
//跳轉gopay頁面
function gopay(flag){
	if (flag) {
		window.location.href = "{:U(MODULE_NAME.'/index/gopay',array('id'=>$list['id']))}";
	}else{
		layer.open({
		    content: '今天預約已結束'
		    ,skin: 'msg'
		    ,style: 'width: 40%; height:5%;padding:20px;font-size:3rem;'
		    ,time: 1 //2秒后自动关闭
		});
	}
}

//微信配置数据
function wxconfig(obj){
	wx.config({
	    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
	    appId: obj.appId, // 必填，公众号的唯一标识
	    timestamp:obj.timeStamp , // 必填，生成签名的时间戳
	    nonceStr: obj.nonceStr, // 必填，生成签名的随机串
	    signature: obj.signature,// 必填，签名，见附录1
	    jsApiList: ['getLocation','openLocation'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
	});
}

//使用微信内置地图查看位置接口
function wxopenLocation(obj){
	wx.ready(function(){
		wx.getLocation({
		    type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02'
		    success: function (res) {
		    	wx.openLocation({
				    latitude: {$list.lat}, // 纬度，浮点数，范围为90 ~ -90
				    longitude: {$list.lon}, // 经度，浮点数，范围为180 ~ -180。
				    name: '{$list.address_name}', // 位置名
				    address: '{$list.location}', // 地址详情说明
				    scale: 15, // 地图缩放级别,整形值,范围从1~28。默认为最大
				    infoUrl: 'www.baidu.com' // 在查看位置界面底部显示的超链接,可点击跳转
				});
		    }
		});
	});
}

//异步调起,配置微信js-sdk 所使用的接口数据
function openLocation(){
	$.ajax({
	    url:"{:U(MODULE_NAME.'/'.CONTROLLER_NAME.'/wx_openLocation')}",
	    type: 'POST',
	    data : {'type':1,'url': encodeURIComponent(window.location.href.split('#')[0])},
	    async: false,
	    dataType: 'json',
	    success:function(data){
	        if (data.status){
	        	wxconfig(data.data);  				  //微信配置数据
	        	wxopenLocation(data.data);  		  //微信地图
			}else{
	        	wx.error(function(res){
					alert("请联系客服,错误原因: " + res.errMsg);
				});
			}
		}
	});
}

</script>
